<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./lib/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api.css">
</head>

<body>
    <!-- header部分 -->
    <header>
        <!-- logo -->
        <img src="./images/api-new-logo-white.png" alt="源码数据" class="fl mt20 ml30">
        <!-- nav -->
        <ul class="nav fl abs">
            <li><a href="./index.html">首页</a></li>
            <li><a href="./api-details.html" class="active">API</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="./unicorn.html">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <!-- 注册 -->
        <div class="right-box fr mt20 mr30">
            <a href="#" class="btn">登录</a>
            <a href="#" class="btn1">注册有礼</a>
        </div>
    </header>
    <!-- 内容 -->
    <div class="container">
        <!-- 标题 -->
        <div class="apiC mt35 clearfix">
            <h2 class="font20 fontnor mb20">API分类</h2>
            <ul id="apiL">
                <!-- <li class="active">全部</li>
                <li>生活服务</li>
                <li> 金融科技 </li>
                <li>交通地理</li>
                <li>充值缴费 </li>
                <li>数据智能 </li>
                <li>企业工商 </li>
                <li>应用开发</li>
                <li>电子商务 </li>
                <li>吃喝玩乐 </li>
                <li>文娱视频</li>
                <li>免费接口大全</li>
                <li>短信</li>
                <li>汽车</li>
                <li>核验 </li>
                <li><strong>最新发布</strong></li>
                <li><strong>API私有化部署</strong></li> -->
            </ul>
        </div>
        <!-- 搜索框 -->
        <div class="serch clearfix">
            <span class="fl" id="serall">全部</span>
            <form action="" class="clearfix rel">
                <input type="text" placeholder="身份证实名" class="fl" id="inputQ">
                <input type="button" value="" class="btn" class="fl">
            </form>
        </div>
        <!-- 列表内容 -->
        <ul class="apilis clearfix mt30" id="api_a">
            <!-- <li class="rel">
                <span class="tips">企业专用</span>
                <div class="mt55">
                    <a href="#">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="tcenter ">2021出行防疫政策指南

                            <br>
                            <span class="font14">免费</span>
                        </p>

                    </a>
                </div>
                <a href="#" class="link">申请数据</a>
            </li>
            <li class="rel">
                <span class="tips">企业专用</span>
                <div class="mt55">
                    <a href="#">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="tcenter ">2021出行防疫政策指南

                            <br>
                            <span class="font14">免费</span>
                        </p>

                    </a>
                </div>
                <a href="#" class="link">申请数据</a>
            </li>
            <li class="rel">
                <span class="tips">企业专用</span>
                <div class="mt55">
                    <a href="#">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="tcenter ">2021出行防疫政策指南

                            <br>
                            <span class="font14">免费</span>
                        </p>

                    </a>
                </div>
                <a href="#" class="link">申请数据</a>
            </li>
            <li class="rel">
                <span class="tips">企业专用</span>
                <div class="mt55">
                    <a href="#">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="tcenter ">2021出行防疫政策指南

                            <br>
                            <span class="font14">免费</span>
                        </p>

                    </a>
                </div>
                <a href="#" class="link">申请数据</a>
            </li>
            <li class="rel">
                <span class="tips">企业专用</span>
                <div class="mt55">
                    <a href="#">
                        <img src="./images/API_01.jpg" alt="">
                        <p class="tcenter ">2021出行防疫政策指南
                            <br>
                            <span class="font14">免费</span>
                        </p>
                    </a>
                </div>
                <a href="#" class="link">申请数据</a>
            </li> -->

        </ul>

        <div class="page_box  tcenter">
            <div class="page clearfix">
                <div class="pageLis fl">
                    <a href="#" class="active">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">5</a>
                </div>
                <a href="#" class="fl page_a">下一页></a>
            </div>
        </div>
    </div>

    <!--尾部  -->
    <div id="foot">
        <footer class="container clearfix mt55">
            <div class="leftbox fl">
                <ul class="fl">
                    <li class="font14 mb35">联系与支持</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">客服&售后</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">极速工单</a></li>
                    <li>
                        <a href="#">投诉与建议</a>
                    </li>
                </ul>
                <ul class="fl">
                    <li class="font14 mb35">关于源码</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">市场合作</a></li>
                    <li><a href="#">反商业贿赂声明</a></li>

                </ul>
                <ul class="fl">
                    <li class="font14 mb35">快速入口</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">黑钻会员</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
                <ul class="fl">
                    <li class="font14 mb35">产品服务</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">黑钻会员</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
                <ul class="fl">
                    <li class="font14 mb35">解决方案</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">黑钻会员</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
            </div>
            <div class="rightbox fr">
                <h2 class="tright">
                    微信公众号
                </h2>
                <p class="tright mt15 mb35">
                    源码时代
                </p>
                <img src="./images/wechat-white.png" class="fr" alt="">
            </div>
            <div>
                <p class="font14 fl"><img src="./images/bei1.png" alt="">&emsp; <img src="./images/bei2.png" alt=""> 增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照

                </p>
                <p class="fr font14">
                    源码大数据股份有限公司©版权所有
                </p>
            </div>
        </footer>
    </div>



    <script src="./js/api.js"></script>
</body>

</html>